<template>
    <a-drawer :width="940" :height="340" :visible="visibles" placement="left" unmountOnClose @ok="handleOk"
        @cancel="handleCancel">
        <template #title>
            巡航状态监控管理
        </template>
        <device-nav :curDevieInfo="curDevieInfo" v-if="curDevieInfo" :client="client" :case_id="case_id" :isDelete="isDelete"></device-nav>
    </a-drawer>
    <!-- <a-modal v-model:visible="visibles" fullscreen :footer="false" @close="proCloseHandel" v-if="visibles">
        <template #title>导航位置管理</template>
       
    </a-modal> -->
</template>

<script setup>
import { ref, reactive } from 'vue'
import { Message } from '@arco-design/web-vue'
import deviceNav from '@/views/system/deviceNav/index.vue'
// import { useProStore } from '@/store'
// const proStore = useProStore()
const visibles = ref(false)
const crudRef = ref()
const curDevieInfo = ref([])
const proCloseHandel = () => {
    visibles.value = false
    // proStore.clearProid()
}
const props = defineProps(["client","case_id","isDelete"]);

// console.log(props.client);
const open = (row) => {
    console.log(row)
    visibles.value = true
    curDevieInfo.value = row


}

const handleOk = () => {
    visibles.value = false;
};
const handleCancel = () => {
    visibles.value = false;
}
defineExpose({ open })
</script>

<style scoped>
.pro_info {
    margin-left: 30px;
}
</style>